<template>
    <dl class="product-item">
        <dt>
            <img :src="url" alt="">
        </dt>
        <dd>
            <h2>{{name}}</h2>
            <span>{{price}}</span>
            <count :num="num" :id="id"></count>
        </dd>
    </dl>
</template>
<script>
import count from './count'
export default {
    props:['name','price','id','num','url'],
    components:{
        count
    }
}
</script>

<style lang="scss">
    .product-item{
        width:100%;
        display: flex;
        dt{
            margin-right:10px;
            img{
                width:80px;
                height: 80px;
            }
        }
    }
</style>

